import QtQuick 2.12
import QtQuick.Window 2.12

Window {
    id: root
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")

    Text {
        id:label1
        x:24; y:24
        // 自定义属性，表示空格按下的次数
        property int spacePresses: 0
        text:  "Space pressed: " + spacePresses + "times"

        // 文本变化的响应函数，使用控制台输出信息
        onTextChanged: console.log("text change to :",text)

        // 接收键盘事件，需要设置 focus 属性
        focus: true

        // 调用 JavaScript 函数
        Keys.onSpacePressed: {
            increment()
        }

        // 按下 Esc 键清空文本
        Keys.onEscapePressed: {
            label1.spacePresses = 0
        }

        // 一个 JavaScript 函数
        function increment() {
            spacePresses = spacePresses + 1
        }
    }

    Text {
        id: label2
        text: qsTr("A very very long text")
        x:root.width/2;y:10
        style: Text.Sunken  //艺术字体
        verticalAlignment: Text.AlignTop
        font {
            pixelSize: 33 //设置字体大小
        }
    }

    Image {
        id: image1
        x:0;y:root.height/2
        source: "hep.png"

        MouseArea {
            onClicked: {              //当点击时，触发下面的函数
                Qt.quit();
            }
        }
    }

}
